@import './variables.scss';

/* 全局样式 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: $font-system;
  line-height: 1.5;
  -webkit-tap-highlight-color: transparent;
  background-color: $color-light-gray;
}

/* 文本变换工具类 */
.text-uppercase {
  text-transform: uppercase;
}

/* 颜色工具类 */
.text-white {
  color: $color-white;
}

.text-primary {
  color: $color-primary;
}

.text-gray {
  color: $color-gray;
}

.bg-black {
  background-color: $color-black;
}

.bg-white {
  background-color: $color-white;
}

.bg-primary {
  background-color: $color-primary;
}

/* 字体工具类 */
.font-volvo-broad {
  font-family: $font-volvo-broad;
}

.font-volvo-novum {
  font-family: $font-volvo-novum;
}

.font-source-han {
  font-family: $font-source-han;
}

/* 字体大小工具类 */
.font-xs {
  font-size: $font-size-xs;
}

.font-sm {
  font-size: $font-size-sm;
}

.font-md {
  font-size: $font-size-md;
}

.font-lg {
  font-size: $font-size-lg;
}

.font-xl {
  font-size: $font-size-xl;
}

.font-xxl {
  font-size: $font-size-xxl;
}